

// 主题颜色定义
$--color-primary: #6c5dd3;
$--color-success: #24a813;
$--color-warning: #ffb52b;
$--color-danger: #e02020;

$red: #ff0000;
$primary: $--color-primary;
$primary30: rgba(89, 130, 255, 0.3);
$warning: $--color-warning;
$green: $--color-success;
$fff: #ffffff;
$defaultTxtColor: #333;
$grey: #f8f8f8;
$grey10: rgba(151, 151, 151, 0.1);
$color666: #666;
$color999: #999;
$black: #000;
$acativeTxtColor: #0183fd;
$yellow: $--color-warning;

$uploadWidth: 100px;
$uploadHeight: 100px;

.colorred {
  color: #eb0000;
}
body {
  font-size: 14px;
  background-color: #f6f6f6;
}
div {
  box-sizing: border-box;
}
.bold {
  font-weight: 601;
}
.fbt {
  justify-content: space-between;
}
.alc {
  align-items: center;
}
.bgf {
  background-color: $fff;
}
.el-table .row1 {
  background: #eaf2ff;
}

.el-table .row2 {
  background: #eafeff;
}
.el-table .row3 {
  background: #fff8ea;
}
.el-table .row4 {
  background: #ffeaea;
}
.font14 {
  font-size: 14px;
}
.font12 {
  font-size: 12px;
}
.font16 {
  font-size: 16px;
}
.font18 {
  font-size: 18px;
}
.font20 {
  font-size: 18px;
}
.font22 {
  font-size: 22px;
}
.font24 {
  font-size: 24px;
}
.font26 {
  font-size: 26px;
}
.font28 {
  font-size: 28px;
}

.font34 {
  font-size: 34px;
}
.mtop10 {
  margin-top: 10px;
}
.flex {
  display: flex;
}
.radius {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  overflow: hidden;
}
.el-input.is-disabled .el-input__inner {
  background-color: $grey10;
  color: $color666;
}
.el-button--mini {
  padding: 5px 15px;
}

.search-form-new,.new_form_box {
  width: 100%;
  //margin-bottom: 15px;
  //padding: 20px;
  //padding-bottom: 0;
  background-color: $fff;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  
  .el-form-item:not(.btns) {
    background-color: #fafafa;
    padding: 1px 5px;
    padding-left: 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
  }
  .el-form-item {
    margin-bottom: 7px;
  }
  // .el-form-item__content{
  //   height: 30px;
  // }
  // .el-button {
  //   margin-bottom: 10px;
  // }
  .el-input {
    width: 180px;
    height: 36px;
    // line-height: 48px;
    background: transparent;
    // border-radius: 16px;

    .el-input__inner {
      border: none;
      background-color: transparent;
      font-size: 14px;
      padding-left: 0;
      height: 36px;
    }
  }
  &.new_form_box{
    .el-input {
      width: auto;
      height: 36px;
      // line-height: 30px;
    
    }
    .el-form-item__error{
      top: calc(100% - 15px);
    }
  }
  .el-date-editor{
    height: 36px;
  }
  .el-input-number .el-input {
    width: 100%;
  }
  .bumen .el-input {
    width: 200px !important;
  }
  .bumen.el-select .el-tag{
    max-width: 100px;
  }

  // .el-input{
  //   width: 306px;
  //   height: 48px;
  //   line-height: 48px;
  //   background: rgba(228,228,228,0.25);
  //   border-radius: 16px;

  //   .el-input__inner{
  //     border: none;
  //     background-color: transparent;
  //     font-size: 14px;
  //   }

  // }
  input::placeholder {
    color: #808191 !important;
  }
  .el-button {
    height: 32px;
    border-radius: 6px;
    font-size: 14px;
    padding: 0 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
  }
  .el-date-editor {
    border-radius: 12px;
    border: none;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    &.el-input__inner {
      // line-height: 48px;
      // height: 48px;
      background: transparent;
      .el-range-input {
        background: transparent;
      }
    }
  }
  .el-textarea{
    background-color: transparent;
    .el-textarea__inner{
     
      width: 100%;
      color: #333;
      background-color: transparent;
      background-image: none;
      border: none;
      border-radius: 4px;
    }
  }


.el-upload-list--picture-card .el-upload-list__item{
  width: 100px;
  height: 100px;
}
  .el-upload--picture-card{
    border: none;
    background-color:#F0F4FF;
    width: 100px;
    height: 100px;
    margin-bottom: 10px;
    .el-upload-dragger{
      border: none;
      width: 100%;
      height: 100%;
      background-color: transparent;
      
    }
    .uploadbg{
      line-height: 26px;
      padding-top: 10px;
      img{
        width: 54px;
        // height: 48px;
      }
      span{
        color: #808191;
        
      }
      
    }
  }
}

.app-container {
  min-height:100%;
  overflow-x: auto;
  

  .el-dropdown {
    margin-left: 10px;
  }
  // .el-switch__core{
  //   background-color: $grey;
  // }
  // .el-switch.is-checked .el-switch__core{
  //   border-color: $--color-primary ;
  //   background-color: $--color-primary;
  // }
}

.table_box {
  padding: 0;
  background: #ffffff;
  // box-shadow: 0px 0px 6px 0px rgba(174, 174, 174, 0.5);
  border-radius: 10px;
  
  .el-table--striped
  .el-table__body
  tr.el-table__row--striped
  td.el-table__cell {
    
    background: rgba(108, 93, 211, 0.07);
  }
  .el-table__header {
    .el-table__cell {
      background: $--color-primary;
      border-color: $--color-primary;
      color: #fff;
      font-size: 14px;
      text-align: center;
      height: 40px;
      &.is-left {
        text-align: left;
      }
    }
  }
  .el-table .el-table__cell {
    text-align: center;
    padding-top: 3px;
    padding-bottom: 3px;
    
    &.is-left {
      text-align: left;
    }
  }
  .el-button {
    height: 26px !important;
    padding: 0 5px !important;
  }
  .el-table__body .el-table__cell{
    color: #333 !important;
  }
}

.table_box_new {
  .el-table__cell {
    text-align: center;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 14px;
    &.is-left {
      text-align: left;
    }
  }
  .el-button {
    height: 26px !important;
    padding: 0 5px !important;
  }
  .el-table__header {
  .el-table__cell {
    background: #fff;
    border-color: #f1f1f1;
    color: #333;
    font-size: 14px;
    text-align: center;
    height: 40px;
    &.is-left {
      text-align: left;
    }
  }
}
}
.el-button {
  &.el-button--edit {
    border: none;
    color: $--color-warning !important;
    padding-left: 0;
    padding-right: 0;
    background-color: transparent;
    &:hover {
      color: #f7b500af;
    }
  }
  &.el-button--del {
    border: none;
    color: $--color-danger !important;
    padding-left: 0;
    padding-right: 0;
    background-color: transparent;
    &:hover {
      color: #f7b500af;
    }
  }
  &.el-button--add {
    border: none;
    color: $--color-success !important;
    padding-left: 0;
    padding-right: 0;
    background-color: transparent;
    &:hover {
      color: #f7b500af;
    }
  }
}
// .el-input{
//   width: 220px;
// }
// .el-input .el-input__inner{
//   width: 100%;
// }
.center {
  text-align: center;
}
.form-box .el-input-number.is-without-controls .el-input__inner {
  text-align: left;
}
.hiddenupload .el-upload--picture-card {
  display: none;
}

.form-box .el-form-item__content {
  min-width: 200px;
  max-width: calc(100% - 148px);
}
.row .el-form-item__content{
  width: 100%;
  max-width:100%
}

.row.el-form-item{
  width: 100%;
}

// .form-box .el-input-number .el-input__inner {
//   text-align: left;
// }

.form-box .el-input {
  width: 250px;
}
// .form-box .el-input-number {
//   width: 250px;
// }

.form-box .lattle-input .el-input {
  width: 170px;
}

.form-box .lattle-input2 .el-input {
  width: 110px;
}
.form-box .lattle-input2 .el-input-number {
  width: 110px;
}

.form-box .big-input .el-input {
  width: 100%;
}

.form-box img {
  width: 100%;
}
.el-dialog {
  border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  -ms-border-radius: 10px !important;
  -o-border-radius: 10px !important;
  overflow: hidden !important;
}
.el-dialog__body {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  max-height: calc(100vh - 210px) !important;
  overflow-y: auto;
}
.dialog-footer {
  text-align: center;
}

/* 自定义整个滚动条 */
::-webkit-scrollbar {
  width: 8px;
  height:8px;
}

/* 自定义滚动条轨道 */
::-webkit-scrollbar-track {
  background: #f6f6f6;
}

/* 自定义滚动条的滑块（thumb） */
::-webkit-scrollbar-thumb {
  background: #6d5dd3a6;
  /*滑块颜色*/
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
}

/* 当hover或active状态时，自定义滑块的颜色 */
::-webkit-scrollbar-thumb:hover {
  background: $primary;
}
:export {
  primary: $primary;
  warning: $warning;
  green: $green;
  fff: $fff;
  defaultTxtColor: $defaultTxtColor;
}
